---
import Layout from './layouts/Layout.astro'
import { Image } from 'astro:assets'
import bg from '/public/indexBg.png'
import ModuleTitle from './components/ModuleTitle.astro'
import Technology from './components/Technology.astro'
import Cores from './components/Cores.astro'
import Services from './components/Services.astro'
import News from './components/News.vue'
---
<Layout title="Shanghai Jiangtong Technology" active="1">
  <main>
    <Image src={bg} alt="background image" class="pt-[64px] w-full object-cover h-[229.57px]"/>
    <div class="w-full">
      <div
        class="w-full flex items-center flex-col"
      >
        <ModuleTitle english="Introduce of Jiangtong" />
        <img
          src="/index-jungt-dt.gif"
          width="100%"
          id="video"
          class="mb-8 md:mb-10"
          alt="animated image"
        />
        <div >
          <p
            style="text-indent: 2em;"
            class="text-[#333] font-[300] px-[6%] leading-[25px] md:text-2xl md:leading-10"
          >
            Shanghai Jiangtong technology co., ltd, as a high-tech enterprise, holds the second grade qualification of professional contracting of electronic and intelligentization engineering, and is also the internship base of graduates from East China Normal University, more than half of the staff have the professional qualification certificate of Artificial Intelligence. Frontier Technology focuses on digital scene landing services, hoping to revolutionize the traditional management mode through AI technology and realize the leap from manual management to intelligent management.
          </p>
          <p
            style="text-indent: 2em;"
            class="text-[#333] font-[300] px-[6%] leading-[25px] md:text-2xl md:leading-10 md:mb-8"
          >
            The core strategy of Jiangtong Technology lies in the integration of OT technology, advanced algorithmic models and innovative XR (Extended Reality) graphic display means to successfully build an integrated IT/OT/XR solution. This solution aims to eliminate information silos, promote efficient synergies between different technical levels, especially to realize seamless system integration on low-code platforms, reduce the threshold of complex technologies, enhance efficient innovation and realize digital scenarios on the ground for enterprises.
          </p>
          <div class="mt-3 mb-8 h-[88px] flex justify-between px-[6%] md:mb-14">
            <div class="text-[28px] text-[#294dce] font-[600] text-center mt-2 ml-2 md:text-5xl">
              <span data-v-865b471a="">200</span>
              <div class="text-[14px] text-[#999] font-[400] md:text-2xl">Cities Coverage</div>
            </div>
            <div  class="b-4 mx-4 mt-2 inline-block w-[1px] bg-[#ccc] h-[88px]">
            </div>
            <div class="text-[28px] text-[#294dce] font-[600] text-center mt-2 md:text-5xl">
              <span data-v-865b471a="">15</span>
              <div class="text-[14px] text-[#999] font-[400] md:text-2xl">In-house Products</div>
            </div>
            <div role="separator" class="mx-4 mt-2 h-[88px] inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-[28px] text-[#294dce] font-[600] text-center mt-2 mr-4 md:text-5xl">
              <span data-v-865b471a="">30</span>
              <div class="text-[14px] text-[#999] font-[400] md:text-2xl">Partner Companies</div>
            </div>
          </div>
        </div>
      </div>
      <Technology />
      <Cores />
      <Services />
      <News client:idle />
    </div>
  </main>
</Layout>